<template>
    <view class="tabBar">
        <u-tabbar
                activeColor="#2471fd"
                :value="valueVal"
                @change="tabbarClick"
        >
            <u-tabbar-item text="首页">
                <image
                        class="u-page__item__slot-icon"
                        slot="active-icon"
                        src="../../static/tabbar/icon01h.png"
                        style="width:50rpx"
                        mode="widthFix"
                ></image>
                <image
                        class="u-page__item__slot-icon"
                        slot="inactive-icon"
                        src="../../static/tabbar/icon01.png"
                        style="width:50rpx"
                        mode="widthFix"
                ></image>
            </u-tabbar-item>
            <u-tabbar-item text="消息">
                <image
                        class="u-page__item__slot-icon"
                        slot="active-icon"
                        src="../../static/tabbar/icon02h.png"
                        style="width:50rpx"
                        mode="widthFix"
                ></image>
                <image
                        class="u-page__item__slot-icon"
                        slot="inactive-icon"
                        src="../../static/tabbar/icon02.png"
                        style="width:50rpx"
                        mode="widthFix"
                ></image>
            </u-tabbar-item>
            <u-tabbar-item text="我的">
                <image
                        class="u-page__item__slot-icon"
                        slot="active-icon"
                        src="../../static/tabbar/icon03h.png"
                        style="width:50rpx"
                        mode="widthFix"
                ></image>
                <image
                        class="u-page__item__slot-icon"
                        slot="inactive-icon"
                        src="../../static/tabbar/icon03.png"
                        style="width:50rpx"
                        mode="widthFix"
                ></image>
            </u-tabbar-item>
        </u-tabbar>
    </view>
</template>

<script>

    export default {
        components: {

        },
        props:{
            valueVal:''
        },
        data () {
            return {

            }
        },
        mounted() {

        },
        methods: {
            tabbarClick(e){
                if(e == 0){
                    this.$common.go(3,`/pages/index/index`);
                } else if(e == 1){
                    this.$common.go(3,`/pages/circle/index`);
                } else if(e == 2){
                    this.$common.go(3,`/pages/my/index`);
                }
            }
        }
    }
</script>

<style lang="less" scoped>

</style>
